<!DOCTYPE html>
<html>
<head>
  {include file='common@base/meta'}
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

  <style>
    .js-captcha {
      width: 100%;
    }

    .login-page {
      background-image: url('/static/images/bg.jpg');

    }
    .login-box-body {
      background-color: rgba(56,59,72,0.8);
      padding: 0;
    }

    .login-box {
      margin-top: 20%;
      width:30%
    }
    .main-title {
      font-size: 18px;
      padding-top: 15px;
      text-align: right;
      color:rgb(79,79,7b);
      background-color:rgb(35,35,47);
    }

    .sub-title {
      color: #ffffff;
      background-color: rgba(56,59,72,0.3);

      font-size: 24px;
    }

    .form-control,.form{
      background-color: rgba(56,59,72,0.3);
      border: none;
      color:#ffffff;
      border-bottom: 1px solid gray;
    }
    .btn{
      width:100%;
      height:50px;
    }
  </style>
</head>
<body class="hold-transition login-page">
<div class="login-box">
  <div class="col-xs-12">

  </div>
  <div class="login-box-body">
    <p class="login-box-msg main-title">扬州大学化学化工学院</p>
    <p class="login-box-msg sub-title">实验室安全学习与考试系统</p>
    <form class="form" action="" method="post">
      <div class="form-group has-feedback">
        <span class="glyphicon glyphicon-envelope form-control-feedback"></span>
        <input type="text" name="form[username]" class="form-control" placeholder="用户名">
      </div>
      <div class="form-group has-feedback">
        <span class="glyphicon glyphicon-lock form-control-feedback"></span>
        <input type="password" name="form[password]" class="form-control" placeholder="密码">
      </div>
      <div class="row">
        <div class="col-xs-12">
          <button type="submit" class="btn btn-primary js-ajax-submit">登录</button>
        </div>
      </div>
    </form>
  </div>
</div>
</body>
{include file='common@base/footer-js'}
<script>
  require(["layer_config", "ajaxForm"], function () {

  });
</script>
</body>
</html>
